<template>
    <div>
        <el-card class="box-card" style="margin-top: 10px;">
          <Count/>
          <el-tabs type="border-card">
            <el-tab-pane label="待分配订单">
                <Deal/>
            </el-tab-pane>
            <el-tab-pane label="已分配订单">
                <Assigned/>
            </el-tab-pane>
            <el-tab-pane label="配送中订单">
                <Shipping/>
            </el-tab-pane>
            <el-tab-pane label="已完成订单">
                <Finished/>
            </el-tab-pane>
          </el-tabs>
        </el-card>
    </div>
</template>
<script> 
    import Count from './components/CountView.vue';
    import Assigned from './components/AssignedView.vue';
    import Finished from './components/FinishView.vue';
    import Shipping from './components/ShippingView.vue';
    import Deal from './components/DealWith.vue';
    export default {
        components: {
            Count,
            Assigned,
            Finished,
            Shipping,
            Deal
        }
    }
</script>

<style>
</style>
